class Login {
    constructor() {
        //=> 给登录按钮绑定事件
        this.$('.login-btn').addEventListener('click', this.islogin)
        // console.log(location.search.split('='));
        //判断当前是否有会跳页面
        let search = location.search;
        if (search) {
            this.url = search.split('=')
        }

    }



    //#实现登录
    islogin = () => {
        // console.log(this);
        let forms = document.forms[0].elements;
        // console.log(forms);
        let accVal = forms[0].value.trim();
        let pwdVal = forms[1].value.trim();
        // console.log(accVal);
        // #非空验证

        //  if (!accVal || !pwdVal) throw new Error('用户或密码不能为空');
        // console.log(accVal,pwdVal);
        //发送ajax请求,实现登录

        axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded';
        let pinJie = `username=${accVal}&password=${pwdVal}`;
        axios.post('http://localhost:8888/users/login', pinJie).then(res => {
            // console.log(res);
            // #判断登录状态,将用户信息进行保存
            if (res.status == 200 && res.data.code == 1) {
                //将token和user保存到local中
                localStorage.setItem('token', res.data.token);
                localStorage.setItem('user_id', res.data.user.id);
                // localStorage.setItem('nickname', res.data.user.nickname);
                //! 如果有会跳的地址,则跳转

                // location.href = this.url[1];
                location.assign('./product.html')

            } else {
                layer.open({
                    title: '登录提示',
                    content: '用户名或者密码输入错误'
                })
            }

        })
    }

    //# 封装获取节点的方法
    $(ele) {
        let res = document.querySelectorAll(ele)
        //# 如果获取到的是,当个节点的集合,就返回单个节点,如果多个集合就返回多个
        return res.length == 1 ? res[0] : res;
    }
}
new Login();